<template>
	<view>
		 <!-- #ifdef APP-PLUS -->
		<video id="myVideo" :src="url" autoplay :controls="btnToggle">
			　　<!-- <cover-view class="btn-toggle" v-if="btnToggle" @click="quitFullScreen">
				　　退出全屏
			　　</cover-view>-->
			　　<!-- <view class="btn-toggle" v-if="btnToggle" @click="quitFullScreen">
				　　退出全屏
			　　</view> -->
		</video>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		 <!-- 测试要在真机测试，微信开发者工具不能测试, 注意：使用live-player 组件需注意：如果发布到小程序，需要先通过各家小程序的审核。指定类目的小程序才能使用（微信小程序类目、百度小程序类目），审核通过后在各家小程序管理后台自助开通该组件权限。 -->
		<live-player id="live-video" :src="url" autoplay>
			　　<cover-view class="btn-toggle" v-if="btnToggle" @click="quitFullScreen">
				　　退出全屏
			　　</cover-view>
		</live-player>
		<!-- #endif -->
	</view>
</template>

<script>

  export default {
    data() {
      return {
		url: '',
        videoContext: null,
		btnToggle:false
      }
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
     
    },

    methods: {
// 进入全屏
            fullScreen(){
                // #ifdef APP-PLUS 
                // const subNvue=uni.getSubNVueById('popup');   //获取
                // subNvue.show()  // 显示
                    this.videoContext = uni.createVideoContext('myVideo');
                    // 进入全屏状态
                    this.videoContext.requestFullScreen();
                    this.btnToggle=true;
                    
                // #endif
                // #ifdef MP-WEIXIN
                    this.videoContext = uni.createLivePlayerContext('live-video');
                    this.videoContext.requestFullScreen({direction:90});
                    this.btnToggle=true;
                // #endif
            },
            // 退出全屏
            quitFullScreen(){
                // #ifdef APP-PLUS
                    this.videoContext = uni.createVideoContext('myVideo');
                    // 进入全屏状态
                    this.videoContext.exitFullScreen();
                    this.btnToggle=false;
                    // const subNvue=uni.getSubNVueById('popup');
                    // subNvue.hide() //隐藏
                // #endif
                // #ifdef MP-WEIXIN
                    this.videoContext = uni.createLivePlayerContext('live-video');
                    this.videoContext.exitFullScreen();
                    this.btnToggle=false;
                // #endif
            },
    }
  }
</script>

<style lang="scss" scoped>
 
</style>